草庐IT

Android表面 View 动画

全部标签

javascript - 如何按比例设置此 jQuery 动画的持续时间?

我已经创建了一个快速测试来展示我正在尝试做什么:http://jsfiddle.net/zY3HH/如果您单击“切换宽度”按钮一次,一个正方形将需要一秒钟的时间才能增长到全宽。再次点击它,需要一秒钟的时间才能缩小到零宽度。但是,快速连续单击两次“切换宽度”按钮-第二次时正方形已增长到其总宽度的一小部分(如10%)-您会注意到动画仍然需要整整一秒钟将正方形返回到零宽度,这看起来很尴尬,IMO。虽然这种行为是预料之中的,但我希望后面的动画在与其覆盖的宽度成正比的时间内发生。换句话说,如果您在正方形达到其总宽度的10%时再次单击“切换宽度”,我希望它需要大约1/10秒的时间才能收缩回零宽度。

javascript - 谷歌地图加载 API 脚本并在 ember.js View 中初始化

我正在尝试为Googlemap创建一个EmberView,并以按需方式加载脚本,即异步加载API。我在View中有两个函数,一个用于加载GoogleMapsAPI,另一个用于初始化map。但是由于谷歌要求我通过需要API的链接调用回调函数。但是在Ember.JS中,我无法得到正确的结果。我得到的只是一条错误消息,指出在尝试初始化map时对象“google”未定义。现在这是EmberView代码。App.MapsView=Ember.View.extend({templateName:'maps',map:null,didInsertElement:function(){this._su

javascript - 将带有参数的 View 组件渲染到命名导出 ember.js

我的应用程序模板中有2个命名socket,slider-area和pre-footer。有没有办法将带参数的View组件(如索引模板中显示的main-slider组件)传递到命名socket?所以我需要将{{main-slidersliders=filteredSlider}}传递给索引模板中的导出{{outlet"slider-area"}}吗?我来自Rails,如果这不是ember的做法,请原谅我的想法。可以在应用程序模板中指定yield:slider_area,然后将此区域的任何内容包装在content_for:slider_areablock中。ember中是否有类似的方法?i

javascript - OpenLayers3 中的特征动画

我很好奇在OpenLayers3中动画功能的可能性。我非常了解此处提供的示例http://openlayers.org/en/v3.0.0/examples/animation.html和这里https://gis.stackexchange.com/questions/26546/openlayers-animation-examples-and-algorithms但是OL3的官方例子不太符合我的需求。假设我有一个图层(例如geojson),它有一个包含大量时间值的“时间”列。我想实现类似slider的功能,它可以根据用户的操作添加/删除功能(或更改其样式)。问题是有一些API可能

javascript - JQuery 动画和 z-index 无法正常工作

我正在尝试制作两个可以通过两个按钮打开和关闭的面板。FIDDLE一切正常,当我这样做时:打开红色面板。打开绿色面板。关闭红色面板。在这种情况下,红色面板在动画期间隐藏在绿色后面。但是当我这样做的时候:打开绿色面板。打开红色面板。关闭绿色面板。在动画过程中,绿色面板总是在红色面板的前面。但第一个打开的面板有z-index:9,第二个打开的面板有z-index:10。请帮我解决这个问题。 最佳答案 之所以超过它是由于html。红色是在绿色之前创建的,所以让它们每次都在彼此“下方”动画的唯一方法是通过if语句以编程方式编辑z-index在

javascript - 启动画面的 ionic 动画

是否可以添加gif或svg动画作为IonicMobileApp的启动画面?我找不到任何解决方案,但它看起来像是一项典型的任务。也许我错过了解决方案。如果我输入.png就可以,但是.png不支持动画。 最佳答案 文档中提到支持的文件只有:png、psd、ai。IonicIconSplashScreen如果你想自定义,试试这个可能对你有帮助:UsingViewsEventsToCreateJavaScriptPureIonicSplashScreen 关于javascript-启动画面的io

javascript - 如何从 Rails View 调用内部 API(用于 ReactJS 预渲染目的)?

我已经有了返回JSON响应的RailsAPIController。前端Javascript(以及移动应用程序)使用它来呈现值。现在,我希望使用ReactJS预呈现这些值:#app/controllers/api/v1/products_controller.rbmoduleAPImoduleV1classProductsController如何有效调用内部/api/v1/products和/api/v1/userURL(例如,不向我自己的服务器发出HTTPGET请求)? 最佳答案 我同意您希望为您的View重用您的API代码。这将使

javascript - jQuery 选择器检查元素是否动画隐藏

有没有办法判断一个元素是隐藏的还是当前正在隐藏的过程中(通过动画)?我能想到的唯一方法是在调用show或hide时在元素的data中存储一个标志,但我想知道如果有别的办法呢? 最佳答案 你能为它做一个自定义的jQuery选择器吗(function($){varendOpacity,oldStep=jQuery.fx.step.opacity;$.fx.step.opacity=function(fx){endOpacity=fx.end;returnoldStep(fx);};$.expr[':'].hiding=function(

javascript - 如何在后台运行 android phonegap 应用程序(关闭应用程序后)?

我已经在github(https://github.com/saileshmittal/phonegap-system-notification-plugin)中为androidphonegap使用了系统通知插件。我已经在我的index.html中使用了这段代码我的代码是:document.addEventListener("deviceready",onDeviceReady,false);functiononDeviceReady(){varnot_title='Message';varnot_text='Zouditwerken?';varnot_tText='Message';

javascript - 如何检查 HTML 元素的动画?

我想查看分配给特定元素的CSS过渡或JavaScript/jQuery动画。我应该如何在ChromeDevTools或任何其他开发者工具中执行此操作?例如,我访问了一个Google+页面,我注意到当我将鼠标悬停在一张图片上时,它会变灰、放大,并且Angular落会出现一个关闭按钮。正常:悬停:如何查看此行为背后的代码? 最佳答案 右键单击元素选项卡中的html元素,然后选择:悬停选项。现在您可以在右侧样式选项卡中看到应用于特定元素的悬停CSS。请引用屏幕截图 关于javascript-如